<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 视口标准化 -->
    <meta name="viewport"
        content="width=device-width, initial-scale=1.0, minimun-scale=1.0, maximun-scale=1.0, user-scale=no">
    <title>售货机--缺电预警</title>
    <!-- 引入首页样式 -->
    <link rel="stylesheet" href="./css/warn2.css">
    <!-- 引入js文件 -->
    <script src="./js/agent.js"></script>
</head>

<body>
    <!-- 第一部分：nav导航栏 -->
    <section class="nav">
        <!-- 管理左侧 -->
        <a href="../../index.html" class="left">缺电预警</a>
        <!-- 管理右侧 -->
        <div class="right">|</div>
    </section>

    <!-- 第二部分：search -->
    <section class="search">
        <!-- 左侧搜索 -->
        <input class="left" type="text" placeholder="请输入代理商名称或账号">
        <!-- 右侧按钮 -->
        <button class="right">搜索</button>
    </section>

    <!-- 第四部分：主体部分 -->
    <section class="main">
        <a href="./data2.html" class="li_1">
            <div class="title">纳雄商家(壹号店)</div>
            <div class="num1">设备总数:</div>
            <div class="num2">预警设备:</div>
        </a>
        <a class="li_2">
            <div class="title">演示商家(贰号店)</div>
            <div class="num1">设备总数:</div>
            <div class="num2">预警设备:</div>
        </a>
        <a class="li_3">
            <div class="title">演示商家(叁号店)</div>
            <div class="num1">设备总数:</div>
            <div class="num2">预警设备:</div>
        </a>
    </section>

</body>

</html>